@tailwind base;
@tailwind components;
@tailwind utilities;


@layer components {
  .btn {
    @apply px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50
  }

  .icon-btn {
    @apply text-[0.9em] inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600 !outline-none
  }
}

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}
